<template>
    <div class="orderDetailBtn">
        <!--团购状态 0=拼团中，1=拼团成功，2=拼团失败，3=未成团-->
        <!--拼团待支付-->
       <div class="text-white-pk font-size-15-pk payBtn">
            <div class="waitPay bg-yellow">取消支付</div>
            <div class="waitPay bg-D82D11">立即支付<span>2:58</span></div>
        </div>
        <!--拼团失败-->
      <div class="orderBtn text-center-pk">
            <div class="operateBtn btn-border-red more">更多拼团</div>
        </div>
        <!--拼团成功-->
        <div class="orderBtn text-center-pk">
            <div class="operateBtn btn-border-red onceMore">更多精彩拼团</div>
            <div class="operateBtn bg-D82D11 text-white-pk onceMore">再拼一团</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'orderDetailBtn',
        components: {},

        data() {
            return {}
        },

        created() {
        },
        computed: {},
        watch: {},
        methods: {}
    }
</script>

<style lang="scss" scoped>
    .orderDetailBtn {
        font-size: 14px;
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        .orderBtn{
            /*text-align: right;*/
            display: flex;
            justify-content: center;
            margin: 0 auto;
            .operateBtn{
                display: inline-block;
                border-radius: 5px;
                padding: 10px;
                line-height: 14px;
                margin: 10px 5px;
            }
            .more{
                width: 80%;
            }
            .onceMore{
                width: 40%;
            }
        }
        .btn-border-red{
            border:1px solid #D82D11;
            color: #D82D11;
        }
        .payBtn{
            text-align: right;
            .waitPay{
                padding: 15px 10px;
                display: inline-block;
                box-sizing: border-box;
                line-height: 14px;
                text-align: center;
            }
        }
    }
</style>
